@charset "utf-8";
/*
 * 鸡蛋美术商城 发现正文CSS样式文件
 * $Author: Jo
 * $Id: tvd.css 2015-9-7 14:35:00
 * 发现正文CSS样式文件 Begin
*/

body{max-width: 640px; margin: 0 auto; width: 100%;}
#header{width: 6.4rem; height: 0.7rem; line-height: 0.7rem; text-align: center; position: absolute; text-align: center; border-bottom: 1px solid #dfdfdf; color: #8a0105; font-size: 0.30rem; background: #fff;}
#backtrack{width: 0.7rem;height: 0.7rem;background: url(/img/tvd/tvdContentBack.png);background-size: contain; position: absolute; left: 0;}
/* 文章内容 Begin */
.tvd-text{float: left; width: 100%; height: auto;}
.tvd-text .quote{margin: 0; font-size: 0.24rem;max-width: 6.4rem;overflow: hidden;}
.tvd-text .quote p{margin: 0;}
.tvd-text .quote img{width: 100%; vertical-align: middle;max-width: 6.4rem;}
.tvd-text .quote a img{width: auto;}
.tvd-text .quote em img{width: 100%; vertical-align: middle;}
.tvd-text .quote em a img{width: 100%; vertical-align: middle;}
/* 文章内容 End */

/* 分享点赞 Begin */
.praise-share{float: left; width: 100%; height: auto; margin: 0.6rem 0;}
.praise-share .content{width: 5.2rem; height: 1.2rem; margin: 0 auto; overflow: hidden;}
.praise-share .iconlike,.praise-share .bdsharebuttonbox a{float: left; width: 1.2rem; height: 1.2rem;}
.praise-share .uncollect em{float: left; background-size: 100%; width: 100%; height: 100%; background-image: url(../../img/tvd/uncollect.png); background-repeat: no-repeat;}
.praise-share .collect em{float: left; background-size: 100%; width: 100%; height: 100%; background-image: url(../../img/tvd/collect.png); background-repeat: no-repeat;}
.praise-share .bdsharebuttonbox .bds_sqq{float: left; width: 1.2rem; height: 1.2rem; background: url(../../img/tvd/bds_sqq1.png) no-repeat; background-size: 1.2rem auto; padding: 0; margin: 0 0 0 0.8rem;}
.praise-share .bdsharebuttonbox .bds_tsina{float: left; width: 1.2rem; height: 1.2rem; background: url(../../img/tvd/bds_tsina1.png) no-repeat; background-size: 1.2rem auto; padding: 0; margin: 0 0 0 0.8rem;}
/* 分享点赞 End */

/* 评论 Begin */
.comment{float: left; width: 100%; height: auto;}
.comment .top{width: 100%; height: 0.6rem; background-color: #f5f5f5; color: #323232; font-size: 0.24rem; line-height: 0.6rem; text-indent: 0.2rem;margin-bottom: 0.2rem;}
.comment .top span{color: #878787; width: 100%;text-align: center;float: left;}
.comment .content{width: 6.08rem; height: auto; margin: 0 auto;}
.comment .content .box{float: left; width: 6.08rem; height: auto;}
.comment .content .box img{float: left; width: 0.66rem; height: 0.66rem; border-radius: 0.33rem; margin-top: 0.2rem;}
.comment .content .box .right{float: left; width: 5.42rem; height: auto; border-bottom: 1px solid #e8e8e8; font-size: 0.26rem; line-height: 0.3rem}
.comment .content .box .right .name{color: #585858; margin: 0.29rem 0 0 0.17rem;}
.comment .content .box .right .com{float: left; color: #343434; margin: 0.18rem 0 0.18rem 0.17rem;}
.comment .content .box:nth-last-child(1) .right{border-bottom: 0;}
.comment .more{float: left; width: 100%; line-height: 0.8rem; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font-size: 0.26rem; color: #585858; text-align: center; cursor: pointer;}
/* 评论 End */

/* 猜你喜欢 Begin */
.guess-like{float: left; width: 100%; height: auto; margin-bottom: 1.85rem;}
.guess-like .top{width: 100%; line-height: 0.6rem; background-color: #f5f5f5; font-size: 0.24rem; color: #323232; text-indent: 0.24rem;}
.guess-like .content{width: 6.08rem; height: auto; margin: 0 auto;float: left;overflow: hidden;}
.guess-like .content .box{float: left; width: 6.08rem; height: auto; border-bottom: 1px solid #e8e8e8; color: #343434; font-size: 0.28rem; padding: 0.2rem 0.1rem;}
.guess-like .content .box .text{float: left; width: 4.19rem;height: 0.8rem;overflow: hidden;}
.guess-like .content .box img{float: right; width: 1.69rem; height: 1rem;}
/* 猜你喜欢 End */

/* 底部悬浮 Begin */
.flow-bottom{position: fixed; width: 5.8rem; height: 0.74rem; left: 0.3rem; bottom: 0.3rem;}
.flow-bottom a,.flow-bottom img,.praise3,.flow-share{float: left; width: 0.74rem; height: 0.74rem;}
.flow-bottom .praise3{margin-left: 2.24rem; position: relative;}
.flow-bottom .uncollect em,.flow-bottom .collect em{float: left; background-size: 100%; width: 100%; height: 100%; background-image: url(../../img/tvd/praise3.png); background-repeat: no-repeat;}
.flow-bottom .praise3 .click-num,.flow-bottom .com .com-num{position: absolute; background-color: #a40101; color: #ffffff; font-size: 0.16rem; text-align: center; height: 0.22rem; line-height: 0.22rem; padding: 0 0.03rem; left: 0.42rem; top: 0.05rem; border-radius: 0.02rem; min-width: 0.3rem;}
.flow-bottom .collect em{background-image: url(../../img/tvd/praise4.png);}
.flow-bottom .com,.flow-bottom .flow-share{margin-left: 0.3rem;}
.flow-bottom .com{position: relative;}
/* 底部悬浮 End */

/* 分享弹窗 Begin */
#share-mask{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; opacity: 0.33; z-index: 5; display: none;}
#share-con{position: fixed; width: 6.4rem; height: 4.84rem; margin: 0 auto; bottom: 0; background-color: #fff; z-index: 6; display: none;}
#share-con .content{float: left; width: 100%; height: 3.84rem; border-bottom: 1px solid #e5e5e5;}
#share-con .content .bds_tsina,#share-con .content .bds_sqq,#share-con .content .bds_douban,#share-con .content .bds_renren,#share-con .content .bds_fbook,#share-con .content .bds_twi{float: left; width: 1.1rem; height: 1rem; padding: 0;}
#share-con .content .bds_tsina span,#share-con .content .bds_sqq span,#share-con .content .bds_douban span,#share-con .content .bds_renren span,#share-con .content .bds_fbook span,#share-con .content .bds_twi span{float: left; width: 1.35rem; line-height: 0.3rem; text-align: center; font-size: 0.24rem; color: #343434; margin: 1.1rem 0 0 -0.2rem;}
#share-con .content .bds_tsina{background: url(../../img/tvd/bds_tsina_share.png) no-repeat; margin: 0.39rem 0 0 0.7rem; background-size: 1rem auto;}
#share-con .content .bds_sqq{background: url(../../img/tvd/bds_sqq_share.png) no-repeat; margin: 0.39rem 0 0 1rem; background-size: 1rem auto;}
#share-con .content .bds_douban{background: url(../../img/tvd/bds_douban_share.png) no-repeat; margin: 0.39rem 0 0 1rem; background-size: 1rem auto;}
#share-con .content .bds_renren{background: url(../../img/tvd/bds_renren_share.png) no-repeat; margin: 0.58rem 0 0 0.7rem; background-size: 1rem auto;}
#share-con .content .bds_fbook{background: url(../../img/tvd/bds_fbook_share.png) no-repeat; margin: 0.58rem 0 0 1rem; background-size: 1rem auto;}
#share-con .content .bds_twi{background: url(../../img/tvd/bds_twi_share.png) no-repeat; margin: 0.58rem 0 0 1rem; background-size: 1rem auto;}
#share-con .close-share{float: left; width: 6.08rem; height: 0.64rem; line-height: 0.64rem; text-align: center; font-size: 0.3rem; color: #313131; border-radius: 0.04rem; background-color: #eeeeee; margin: 0.18rem 0 0 0.16rem;}
/* 分享弹窗 End */
/* 评论页专用 */
#tvd-comt{float: left; width: 100%; height: auto;position: relative;display: none;}
#tvd-comt .inp-com{position: fixed; width: 6.4rem; height: auto; font-size: 0.26rem; top: 100%; background-color: #fff;margin-top: -0.99rem;z-index: 2;}
#tvd-comt .inp-com.focus{position: fixed;top: 2rem;}
#tvd-comt .inp-com input{float: left; width: 5.06rem; height: 0.64rem; background-color: #f8f8f8; outline: none; margin: 0.15rem 0 0.2rem 0.16rem; padding: 0 0.14rem; font-size: 0.26rem;}
#tvd-comt .inp-com span{float: left; width: 0.9rem; line-height: 0.64rem; text-align: center; margin-top: 0.15rem; color: #a0a0a0;}
#tvd-comt .comt-list{width:100%;height: 100%;overflow: hidden;float: left;}
#tvd-comt .comment-list{float: left;width: 6.08rem; border-bottom: 1px solid #e5e5e5;margin-top: 0.7rem;margin-bottom: 0.99rem;margin-left: 0.08rem;}
#tvd-comt .comment-list .box{float: left; width: 100%; height: auto;margin-bottom: -1px;margin-top: 0.20rem;}
#tvd-comt .comment-list .box .portrait{width: 0.66rem;height: 0.66rem;float: left;border-radius: 0.33rem;}
#tvd-comt .comment-list .box .name{width: 100%;float: left;height: 0.45rem;line-height: 0.45rem;color: #3668b2;font-size: 0.24rem;}
#tvd-comt .comment-list .box .content{float: right; width: 5rem; height: auto; border-bottom: 1px solid #d9d9d9; font-size: 0.24rem; line-height: 0.30rem;color: #333333;padding-bottom: 0.1rem;}
#tvd-comt .comment-list .box .content i{font-style: normal;color: #8d8d8d;cursor: pointer;font-size: 0.18rem;}
#mask{position: absolute; left: 0px; top: 0px;width: 100%;height: 100%; overflow: hidden; background: rgba(0, 0, 0, 0.498039);z-index: 1;display: none;}
/* 评论页专用 END */

/* 发现CSS样式文件 End */